<!--
 * @Author: your name
 * @Date: 2021-08-30 15:05:21
 * @LastEditTime: 2021-11-05 14:43:23
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \jinfeng_up\src\views\overView\components\overTine.vue
-->
<template>
  <div>
    <CommonDialog ref="CommonDialog" :title="title" width="800px" @resetForm="resetForm">
      <div class="base-form_container">
        <el-form :rules="rules" :model="feedbackForm" ref="feedbackForm" label-width="110px" label-position="right">
          <el-row>
            <el-form-item prop="title" label="标题">
              <el-input v-model="feedbackForm.title" placeholder="请输入标题"></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item prop="feedbackId" label="反馈ID">
                <el-input v-model="feedbackForm.feedbackId" placeholder="请输入反馈ID"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item prop="createDay" label="创建天数">
                <el-input v-model="feedbackForm.createDay" placeholder="请输入营销名称"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-form-item prop="responsible" label="责任人">
              <el-input v-model="feedbackForm.responsible" placeholder="请输入产品名称"></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item prop="problemType" label="问题类型">
              <el-input v-model="feedbackForm.problemType" placeholder="请输入产品名称"></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item prop="progress" label="当前进展">
              <el-input v-model="feedbackForm.progress" placeholder="请输入产品名称"></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item prop="steps" label="下一步措施">
              <el-input v-model="feedbackForm.steps" placeholder="请输入产品名称"></el-input>
            </el-form-item>
          </el-row>
        </el-form>
        <el-checkbox-group v-model="checkList">
          <el-checkbox label="排查复位"></el-checkbox>
          <el-checkbox label="原因定位"></el-checkbox>
          <el-checkbox label="（实验室）制定解决方案"></el-checkbox>
          <el-checkbox label="（实验室）解决方案实施"></el-checkbox>
          <el-checkbox label="（现场）方案确认/沟通中"></el-checkbox>
          <el-checkbox label="（现场）执行方案"></el-checkbox>
          <el-checkbox label="（现场）方案验证/长期观察"></el-checkbox>
        </el-checkbox-group>
      </div>
    </CommonDialog>
  </div>
</template>

<script>
import CommonDialog from '@/components/deleteDialog/deleteDialog.vue'
export default {
    name: '',
    components: {
        CommonDialog
    },
    props: {},
    data() {
        return {
            checkList: [],
            feedbackForm: {
                title: '',
                steps: '',
                progress: '',
                problemType: '',
                responsible: '',
                feedbackId: '',
                createDay: ''
            },
            rules: {
                createDay: [{ required: true, message: ' ', trigger: 'change' }],
                feedbackId: [{ required: true, message: ' ', trigger: 'change' }],
                responsible: [{ required: true, message: ' ', trigger: 'change' }],
                problemType: [{ required: true, message: ' ', trigger: 'change' }],
                title: [{ required: true, message: ' ', trigger: 'change' }]
            },
            title: 'ggg'
        }
    },
    computed: {},
    watch: {},
    created() {},
    mounted() {},
    methods: {
        show(_type) {
            const vm = this
            this.type = _type
            this.$refs.CommonDialog.Show('form', false, '保存', () => {
                vm.onSave()
            })
        },
        // 确认会掉
        onSave() {
            console.log('ffffff')
        },
        // 重置
        resetForm() {
            this.$nextTick(() => {
                this.$refs.feedbackForm.resetFields()
            })
        },
        getDetail(_id) {
            console.log(_id)
        }
    }
}
</script>
